<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">	
<meta charset="utf-8">
<title>商家登陆页面</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
<meta http-equiv="Cache-Control" content="max-age=0">
<meta name="apple-touch-fullscreen" content="yes">
<link href="jquery-confirm.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1" />
<script src="js/ios-orientationchange-fix.min.js"></script>
<script src="js/jquery-confirm.js" type="text/javascript"></script>
<script src='js/intense.js'></script>
<style>
body {
	font-family: Helvetica, Arial, sans-serif; max-width:880px;min-width:300px;}
h1 {
	font-size: 20px;
}
div {
	width: 100%;
}
img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}
.liebiao{overflow: hidden;}
.zsd_btn3{margin-top:20px;}
.zshd_btn1{margin:0 auto; text-align: center;}
.zsd_bts{position:relative;
	height:30px;
	width:30px;
}
</style>
<!--Fireworks CS5 Dreamweaver CS5 target.  Created Tue Jan 12 14:43:08 GMT+0800 2016-->
</head>
<body style="margin:0 auto;">
	  <div class="liebiao" style="margin-top:1%;">
	  	    <div class="liebiao_1"style="">
		 		<div class="container-fluid">
		 			 <div class="row">
		 			 	  <div class="col-md-12 col-xs-12">	
								<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
									<div class="modal-dialog" role="document">
									    <div class="modal-content">
									      <div class="modal-header" style="border-bottom: 0px solid #E5E5E5;">
									        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									        <h4 class="modal-title" id="myModalLabel">商家信息</h4>
									      </div>
									      <div class="modal-body">
								       		      <form action=""> 
										            <table class="table" style="border-top:0px; ">
														   <th>商家品牌</th>
													       <th>商家编号</th>
														   <th>所属分类</th>
														   <th>所在场馆</th>
														      <!-- tr>
														      	<td>京東</td>
														      	<td>二樓</td>
														      	<td>TE100</td>
																<td>XXX</td>
														      </tr -->				   
												   	</table>
												   </form>
									      </div>
									      <div class="modal-footer">
									        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
									        <!-- button type="button" class="btn btn-primary" id="btn1" >提交</button -->
									      </div>
									    </div>
									  </div>
								</div>												
		 			 	  </div>
		 			 	  <div class="col-md-2 col-xs-2">
		 			 	  	 			 	  	
		 			 	  </div>
		 			 	 	 <div class="col-md-8 col-xs-8">
			 			 	  	<div class="">
			 			 	  		  <form class="" role="search">
								          <input type="text" id="search_keyword" name="search_keyword" class="form-control" style="border: 1px solid #337AB7;" placeholder="搜索你的商家">							       
								      </form>
			 			 	  	</div>		 			 	  	
		 			 	 	 </div>
		 			 	  <div class="col-md-2 col-xs-2">
		 			 	  	   <button type="button" class="btn btn-primary" id="btn1" onClick="search()" >搜索</button>								   
							   <!-- data-toggle="modal" data-target="#myModal" -->
		 			 	  </div>
		 			 	</div> 
		 			 </div>
		 		</div>
		 	</div>
	 	</div>

<img src="images/map1.jpg" usemap="#Map" border="0" />
<map name="Map" id="Map">
  <area shape="rect" coords="80,185,275,523" data-target="#1" />
  <area shape="rect" coords="277,187,479,504" href="http://www.baidu.com" />
  <area shape="rect" coords="485,191,730,499" href="http://www.baidu.com" />
</map>
<div class="dibu_btn" style="margin:0 auto;">
	  <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#1">家庭用品</button>	
	  <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#2">箱包服饰</button>	
	  <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#3">鞋类</button>	
	  <button type="submit" class="btn btn-primary "onclick="javascript:window.location.href='zhaoshang_1.html'" >返回</button>
    <!--按鈕的彈出1-->
    <div class="modal fade" id="1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
									<div class="modal-dialog" role="document">
									    <div class="modal-content">
									      <div class="modal-header" style="border-bottom: 0px solid #E5E5E5;">
									        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									        <h4 class="modal-title" id="myModalLabel">一号馆家庭用品</h4>
									      </div>
									      <div class="modal-body">
								       		   <img src="images/1.jpg" style="width:100%;">
									      </div>									     
									    </div>
									  </div>
								</div>		
     <!--按鈕的彈出2-->
      <div class="modal fade" id="2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
									<div class="modal-dialog" role="document">
									    <div class="modal-content">
									      <div class="modal-header" style="border-bottom: 0px solid #E5E5E5;">
									        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									        <h4 class="modal-title" id="myModalLabel">一号馆箱包</h4>
									      </div>
									      <div class="modal-body">
								       		   <img src="images/2.jpg" style="width:100%;">
									      </div>									     
									    </div>
									  </div>
								</div>
		 <!--按鈕的彈出3-->						
      <div class="modal fade" id="3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
									<div class="modal-dialog" role="document">
									    <div class="modal-content">
									      <div class="modal-header" style="border-bottom: 0px solid #E5E5E5;">
									        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									        <h4 class="modal-title" id="myModalLabel">一号馆鞋类</h4>
									      </div>
									      <div class="modal-body">
								       		   <img src="images/3.jpg" style="width:100%;">
									      </div>									     
									    </div>
									  </div>
								</div>	
		<!--图层1-->	
		 <div class="modal fade" id="01" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
									<div class="modal-dialog" role="document">
									    <div class="modal-content">
									      <div class="modal-header" style="border-bottom: 0px solid #E5E5E5;">
									        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									        <h4 class="modal-title" id="myModalLabel">一号馆鞋类</h4>
									      </div>
									      <div class="modal-body">
								       		   <img src="images/1.jpg" style="width:100%;">
									      </div>									     
									    </div>
									  </div>
								</div>
		 <!--图层2-->		
		 <div class="modal fade" id="02" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
									<div class="modal-dialog" role="document">
									    <div class="modal-content">
									      <div class="modal-header" style="border-bottom: 0px solid #E5E5E5;">
									        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									        <h4 class="modal-title" id="myModalLabel">一号馆鞋类</h4>
									      </div>
									      <div class="modal-body">
								       		   <img src="images/1.jpg" style="width:100%;">
									      </div>									     
									    </div>
									  </div>
								</div>
		 <!--图层3-->	
		 <div class="modal fade" id="03" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
									<div class="modal-dialog" role="document">
									    <div class="modal-content">
									      <div class="modal-header" style="border-bottom: 0px solid #E5E5E5;">
									        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									        <h4 class="modal-title" id="myModalLabel">一号馆鞋类</h4>
									      </div>
									      <div class="modal-body">
								       		   <img src="images/1.jpg" style="width:100%;">
									      </div>									     
									    </div>
									  </div>
								</div> 
		   <!--图层4-->							
		<div class="modal fade" id="04" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
									<div class="modal-dialog" role="document">
									    <div class="modal-content">
									      <div class="modal-header" style="border-bottom: 0px solid #E5E5E5;">
									        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									        <h4 class="modal-title" id="myModalLabel">一号馆鞋类</h4>
									      </div>
									      <div class="modal-body">
								       		   <img src="images/1.jpg" style="width:100%;">
									      </div>									     
									    </div>
									  </div>
								</div>
		 <!--图层5-->	
		 <div class="modal fade" id="05" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
									<div class="modal-dialog" role="document">
									    <div class="modal-content">
									      <div class="modal-header" style="border-bottom: 0px solid #E5E5E5;">
									        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									        <h4 class="modal-title" id="myModalLabel">一号馆鞋类</h4>
									      </div>
									      <div class="modal-body">
								       		   <img src="images/1.jpg" style="width:100%;">
									      </div>									     
									    </div>
									  </div>
								</div>								
<script src="js/jquery.rwdImageMaps.min.js"></script>							
<script type="text/javascript">
//  $('#btn1').on('click', function () {
function search(){
	
		//alert(1);
		$.ajax({
			url: "http://cmfx2.jmyxcz.cn/index.php?g=api&m=plugin&a=execute&_plugin=Company&_controller=AdminIndex&_action=searchAjax",
			data: {search_keyword:$("#search_keyword").val(),id:1},
			type: "post",
			dataType: "json",
			success:function(ret){ 
				//alert(2); //ret.data[0].cname);
				
				//for(var item in ret.data){
				//	item = "<tr><td>"+item.cname+"</td><td>"+item.cnum+"</td><td>"+item.ctype+"</td><td>"+item.cloc+"</td></tr>"; 
				//	$('.table').append(item);					
				//}
				
				//alert(item);
				//var item; 
				$.each(ret.data,function(i,result){ 
					item = "<tr><td>"+result.cname+"</td><td>"+result.cnum+"</td><td>"+result.ctype+"</td><td>"+result.cloc+"</td></tr>"; 
					$('.table').append(item); 
				});
				
				$('#myModal').modal('show');
				//	alert(result);
				//sqlJson=eval("(" + ret + ")");
				//alert(ret.data[0].cname);
			}
			//success: function(res) {
			//	if(res.status == 1)
			//	{
			//		alert(res.data[0].cname);
			//	}else{
			//		alert(res.info);
			//	}
			//}
		});
	
	//alert("结束");
}
</script>
  </script>

</body>
</html>
